<template>
    <div>
        <div class="work-order-number">
            <div class="font-size">工单编号:{{ items.ticket_number }}</div>
            <div class="font-size" :style="{ 'color': items.ticket_state === '关闭' ? '#6e6d6d' : '#bf1920' }">{{
                items.ticket_state }}
            </div>
        </div>

        <div class="work-order-numbering font-size" v-if="items.device_sn_cust">设备编号:{{ items.device_sn_cust }}</div>
        <div class="work-order-title font-size">
            {{ items.ticket_title }}
            <!-- <van-text-ellipsis :content="items.ticket_title" rows="1" expand-text="展开" collapse-text="收起" /> -->
        </div>
    </div>

</template>

<script setup lang="ts">
import { ListItemType } from '@/api/worksheets/type';

defineProps<{
    items: ListItemType
}>()
</script>

<style lang="scss" scoped>
.work-order-number {
    display: flex;
    justify-content: space-between;
}

.work-order-numbering {
    padding: 5px 0;
    font-weight: 600;
}

.work-order-title {
    font-weight: 600;
    width: 300px;
}
</style>